<template>
  <div class="school-intro">
    <div class="content" v-html="props.schoolIntroParams"></div>
    <!-- <div class="content">{{ props.schoolIntroParams }}</div> -->
  </div>
</template>

<script setup>
const props = defineProps({
  schoolIntroParams: {
    type: String,
    default: () => '',
  },
});
</script>

<style lang="scss" scoped>
.school-intro {
  width: 100%;
  height: 100%;
  padding: 36px 40px;
  box-sizing: border-box;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 26px;
  color: #333333;

  // overflow: scroll;
  .content {
    height: 100%;
    overflow: scroll;
    line-height: 42px;
  }
}
</style>
